<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:crm="http://www.thymeleaf.org/crm"
	xmlns:dt="http://github.com/dandelion/datatables">

<head th:replace="fragment/common2 :: header"></head>
<body>

	<div th:replace="fragment/common2 :: topnav"></div>

	<div id="wrap">

		<div class="container-fluid">

			<div class="row-fluid">
				<div class="span4">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">New Leads - Last 5</h3>
						</div>
						<div class="panel-body">
							<table id="leads" dt:table="true" 
							class="table table-striped table-bordered" >

							<thead>

								<tr>
									<th>Name</th>
									<th>Phone</th>
									<th>Email</th>
									
								</tr>
							</thead>
							<tbody>
								<tr th:each="l : ${leadList}">
									<td >
										<a th:href="@{/lead/details(id=${l.id},view=true)}" th:text="${l.firstName} + ' ' + ${l.lastName}">view</a>
									</td>
									<td >
										<a th:href="@{/lead/details(id=${l.id},view=true)}" th:text="${l.phone}">view</a>
									</td>
									<td>
										<a th:href="${'mailto:' + l.email}" th:text="${l.email}">view</a>
									</td>
									
								</tr>

							</tbody>
						</table>
						
						</div>
					</div>

				</div>
				<!-- 
				<div class="span4">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">Leads By Month</h3>
						</div>
						<div class="panel-body">Panel content</div>
					</div>

				</div>
				
				<div class="span4">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">Leads By Month</h3>
						</div>
						<div class="panel-body">Panel content</div>
					</div>

				</div>
				 -->
			</div>
			
			

		</div>


		<div id="push"></div>
	</div>

	<script type="text/javascript">
	$(document).ready(function() {
		
		
	}
	
	
	</script>



</body>
</html>